<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="../code/js/vue2.js"></script>
  </head>
  <body>
    <div id="app">
      <p>{{ msg }}</p>
      <!-- 插值只能写在标签里面 -->
      <p v-html = 'msg'></p>
      <!-- v-html可以解析msg里面的标签以文本的形式展示出来 -->
      <p v-text = 'msg'></p>
      <p v-html = 'done'></p>
      <p>{{done+123}}</p>
    </div>
  </body>
</html>
<!-- 构造函数 -->
<script>
  var mb = new Vue({
    el: "#app",
    data: {
      msg: "<h1>helloWord</h1>",
    //   done:'alert('你写错了')'
          done:'alert(123)'
    }
  });
</script>

